<template>
  <div>
    <c-title :hide="false" text="适用门店"></c-title>
    <van-search v-model="storeName" shape="round" placeholder="请输入搜索关键词" use-action-slot @input="searchChange"> </van-search>
    <div class="shop-title flex-a-c">
      <div class="nationwide">全国</div>
      <div class="nationwide-num">·{{ total }}家适用门店</div>
    </div>
    <div class="address-list">
      <div v-if="storeListByGoods.length > 0">
        <block v-for="(item, index) in storeListByGoods" :key="index">
          <address-us :isImg="true" :usClass="usClass" :storeItem="item" :address="item.province + item.city + item.district + item.street + item.address"></address-us>
          <div class="mb20"></div>
        </block>
      </div>
      <van-empty description="空空如也" v-else />
    </div>
  </div>
</template>
<script>
import shopList_controller from "./shopList_controller.js";
export default shopList_controller;
</script>
<style lang="scss" scoped>
.mb20 {
  height: 0.625rem;
  clear: both;
}

.shop-title {
  background-color: #fff;
  padding: 0 0 0.9375rem 0.875rem;

  .nationwide {
    font-size: 0.9375rem;
    color: #222;
    margin-right: 0.1875rem;
  }

  .nationwide-num {
    color: #555;
    font-size: 0.875rem;
  }
}

.address-list {
  margin: 0.625rem 0.625rem 0 0.625rem;
}
</style>
